* {margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.menu {
    width: 100%;
    height: 50px;
    background: url(../../Imagenes/menu.jpg) top left repeat-x;
}
    
    .menu ul {  padding: 0; border:0; }
    
    .menu li {
        height: 50px;
        list-style-type: none;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 50px;
        padding: 0 30px 0 30px;
        border-left: solid 1px #999eff;
        border-right: solid 1px #00396e;
        
    }   
        
        .menu li:hover {
            background: url(../../Imagenes/menu-hover.jpg) top left repeat-x;
        }
        
        .menu li:hover a span { background: url(../../Imagenes/flechita-hover.png) no-repeat bottom; }
        
        .menu li a {
            text-decoration: none;
            color: #FFF;
            display: block;
            position: relative;
            height: 50px;
        }
        
        .menu li a span
        {
            margin-left: 19px;
            padding-left: 15px;
            background: url(../../Imagenes/flechita.png) no-repeat bottom;
            width: 15px;
            height: 10px;
        }

                .menu ul li ul {
                    display: none; 
                    background: #FFF;
                    padding: 10px;
                    position: absolute;
                    border-radius: 10px; 
                    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
                    width: 250px;
                    margin: 0 0 0 -30px;                    
                }

                .menu ul li:hover ul {
                    display: block;
                }

                .menu ul li ul li {
                    height: 30px;
                    display: block;
                    float: none;
                    position: relative;
                    color: #fff;
                    padding: 5px;
                    line-height: 30px;
                    border: none;
                    border-bottom: 1px solid #3f67b2;
                    padding-left: 10px;
                }
                
                .menu ul li ul li:hover{
                    display: block;
                    float: none;
                    position: relative;
                    color: #fff;
                    padding: 5px;
                    line-height: 30px;
                    border: none;
                    border-bottom: 1px solid #3f67b2;
                    padding-left: 10px;
                    background: #0a5d8a;
                }

                .menu ul li ul li a{
                    color: #3f67b2;
                    height: 50px;
                    font-weight: normal;
                }
                
                .menu ul li ul li a:hover{
                    color: #FFF;
                }
                
                